<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" id= "t1" name="hobby" value="篮球"/>
		<input type="text" id= "t2" name="hobby" value="游泳"/>
		<input type="text" id= "t3" name="hobby" value="登山"/>
		
		<ul>
			<li>C#</li>
			<li>Java</li>
			<li>MySql</li>
			<li>Python</li>
		</ul>
		
		性别：<input class="h1" type="radio" value="man"/>男
		<input class="h1" type="radio" value="woman"/>女
		
		<script>
		    // 1、通过id获取
			var t1 = document.getElementById("t1");
			// alert(t1);
			
			// 不存在，返回null	
			// var t2 = document.getElementById("t2");
			// alert(t2);
		
			// 2、通过names获取
			// var n1 = document.getElementsByName("hobby");
			// alert(n1.length);
			
			// 0
			// var n2 = document.getElementsByName("hobby2");
			// alert(n2.length);
			
			// 3、通过标tag签名获取
			// var tags = document.getElementsByTagName("li");
			// alert(tags.length);
			
			// 4、通过class样式
			var cs = document.getElementsByClassName("h1");
			alert(cs.length);
			
			// 注意事项
			// script 放入head中，从上往下执行 t1还没执行
			
		</script>
	</body>
</html>
